<{include file="db:TDMStats_index.html"}>
<script type="text/javascript">
	$(function() {
		$("#tabs").tabs();
	});
	</script>
	
	
<div id="tabs">
	<ul>
		<li style="list-style-type: none;"><a href="#browser"><{$lang_by_browser}></a></li>
		<li style="list-style-type: none;"><a href="#os"><{$lang_by_os}></a></li>
		<li style="list-style-type: none;"><a href="#sw"><{$lang_sw_sw}></a></li>
		<li style="list-style-type: none;"><a href="#sc"><{$lang_sc_sc}></a></li>
		<li style="list-style-type: none;"><a href="#host"><{$lang_by_host}></a></li>
	</ul>

<div id="browser">

<table class="map" cellspacing="0" cellpadding="0">
      <caption align="top"><{$smarty.const._AM_BRO_BRO}><br /><br /></caption>
      <tr>
        <th scope="col"><{$smarty.const._AM_BRO_BRO}></th>
        <th scope="col"><{$smarty.const._AM_DATE_VISITS}></th>
      </tr>
	  <{foreach item=browsers_map from=$browsers_map}>
      <tr>
        <td width="20%" class="option"><div style="margin:5px;"><{$browsers_map.browser}></div></td>
        <td width="80%" class="value"><img src="./images/bar/<{$img_bar}>" title="<{$browsers_map.percent}>%" alt="<{$browsers_map.percent}>%" width="<{$browsers_map.percent}>%" height="16" /><{$browsers_map.info}></td>
      </tr>
	  <{/foreach}>
    </table>
	<span><a href="javascript:;" onclick="javascript:masque('1')" ><{$smarty.const._AM_VIEW}></a></span>
	<br /><br />
	<div id="masque_1" style="display: none;">
	<table class="outer" width="100%" border="0" cellspacing="1" cellpadding="4" align="center">
	<tr>
	<td class="head" align="center"><{$smarty.const._AM_BRO_BRO}></td>
	<td class="head" align="center"><{$smarty.const._AM_DATE_VISITS}></td>
	<td class="head" align="center"><{$smarty.const._AM_DATE_PERCENT}></td>
	</tr>
	<{foreach item=browsers from=$browsers}>
	 <tr class="<{cycle values="even,odd"}>" valign="center"> 
	 <td width="33%" align="center"><{$browsers.browser}></td>
	<td width="33%" align="center"><{$browsers.info}></td>
	  <td width="33%" align="center"><{$browsers.percent}>%</td> 	
	</tr>
	<{/foreach}>
	</table>
	</div>
</div>


<div id="os">

	<table class="map" cellspacing="0" cellpadding="0">
      <caption align="top"><{$smarty.const._AM_OS_OS}><br /><br /></caption>
      <tr>
        <th scope="col"><{$smarty.const._AM_OS_OS}></th>
        <th scope="col"><{$smarty.const._AM_DATE_VISITS}></th>
      </tr>
	  <{foreach item=oss_map from=$oss_map}>
      <tr>
        <td width="20%" class="option"><div style="margin:5px;"><{$oss_map.os}></div></td>
        <td width="80%" class="value"><img src="./images/bar/<{$img_bar}>" title="<{$oss_map.percent}>%" alt="<{$oss_map.percent}>%" width="<{$oss_map.percent}>%" height="16" /><{$oss_map.info}></td>
      </tr>
	  <{/foreach}>
    </table>
	<span><a href="javascript:;" onclick="javascript:masque('2')" ><{$smarty.const._AM_VIEW}></a></span>
	<br /><br />
	<div id="masque_2" style="display: none;">
	<table class="outer" width="100%" border="0" cellspacing="1" cellpadding="4" align="center">
	<tr>
	<td class="head" align="center"><{$smarty.const._AM_OS_OS}></td>
	<td class="head" align="center"><{$smarty.const._AM_DATE_VISITS}></td>
	<td class="head" align="center"><{$smarty.const._AM_DATE_PERCENT}></td>
	</tr>
	<{foreach item=oss from=$oss}>
	 <tr class="<{cycle values="even,odd"}>" valign="center"> 
	 <td width="33%" align="center"><{$oss.os}></td>
	<td width="33%" align="center"><{$oss.info}></td>
	  <td width="33%" align="center"><{$oss.percent}>%</td> 	
	</tr>
	<{/foreach}>
	</table>
	</div>
</div>


<div id="sw">

<table class="map" cellspacing="0" cellpadding="0">
      <caption align="top"><{$smarty.const._AM_SW_SW}><br /><br /></caption>
      <tr>
        <th scope="col"><{$smarty.const._AM_SW_SW}></th>
        <th scope="col"><{$smarty.const._AM_DATE_VISITS}></th>
      </tr>
	  <{foreach item=sws_map from=$sws_map}>
      <tr>
        <td width="20%" class="option"><div style="margin:5px;"><{$sws_map.sw}></div></td>
        <td width="80%" class="value"><img src="./images/bar/<{$img_bar}>" title="<{$sws_map.percent}>%" alt="<{$sws_map.percent}>%" width="<{$sws_map.percent}>%" height="16" /><{$sws_map.info}></td>
      </tr>
	  <{/foreach}>
    </table>
	<span><a href="javascript:;" onclick="javascript:masque('3')" ><{$smarty.const._AM_VIEW}></a></span>
	<br /><br />
	<div id="masque_3" style="display: none;">
	<table class="outer" width="100%" border="0" cellspacing="1" cellpadding="4" align="center">
	<tr>
	<td class="head" align="center"><{$smarty.const._AM_SW_SW}></td>
	<td class="head" align="center"><{$smarty.const._AM_DATE_VISITS}></td>
	<td class="head" align="center"><{$smarty.const._AM_DATE_PERCENT}></td>
	</tr>
	<{foreach item=sws from=$sws}>
	 <tr class="<{cycle values="even,odd"}>" valign="center"> 
	 <td width="33%" align="center"><{$sws.sw}></td>
	<td width="33%" align="center"><{$sws.info}></td>
	  <td width="33%" align="center"><{$sws.percent}>%</td> 	
	</tr>
	<{/foreach}>
	</table>
	</div>
</div>


<div id="sc">
	
	<table class="map" cellspacing="0" cellpadding="0">
      <caption align="top"><{$smarty.const._AM_SC_SC}><br /><br /></caption>
      <tr>
        <th scope="col"><{$smarty.const._AM_SC_SC}></th>
        <th scope="col"><{$smarty.const._AM_DATE_VISITS}></th>
      </tr>
	  <{foreach item=scs_map from=$scs_map}>
      <tr>
        <td width="20%" class="option"><div style="margin:5px;"><{$scs_map.sc}></div></td>
        <td width="80%" class="value"><img src="./images/bar/<{$img_bar}>" title="<{$scs_map.percent}>%" alt="<{$scs_map.percent}>%" width="<{$scs_map.percent}>%" height="16" /><{$scs_map.info}></td>
      </tr>
	  <{/foreach}>
    </table>
	<span><a href="javascript:;" onclick="javascript:masque('4')" ><{$smarty.const._AM_VIEW}></a></span>
	<br /><br />
	<div id="masque_4" style="display: none;">
	<table class="outer" width="100%" border="0" cellspacing="1" cellpadding="4" align="center">
	<tr>
	<td class="head" align="center"><{$smarty.const._AM_SC_SC}></td>
	<td class="head" align="center"><{$smarty.const._AM_DATE_VISITS}></td>
	<td class="head" align="center"><{$smarty.const._AM_DATE_PERCENT}></td>
	</tr>
	<{foreach item=scs from=$scs}>
	 <tr class="<{cycle values="even,odd"}>" valign="center"> 
	 <td width="33%" align="center"><{$scs.sc}></td>
	<td width="33%" align="center"><{$scs.info}></td>
	  <td width="33%" align="center"><{$scs.percent}>%</td> 	
	</tr>
	<{/foreach}>
	</table>
	</div>
</div>


<div id="host">

	<table class="map" cellspacing="0" cellpadding="0">
      <caption align="top"><{$smarty.const._AM_HOST_HOST}><br /><br /></caption>
      <tr>
        <th scope="col"><{$smarty.const._AM_HOST_HOST}></th>
        <th scope="col"><{$smarty.const._AM_DATE_VISITS}></th>
      </tr>
	  <{foreach item=hosts_map from=$hosts_map}>
      <tr>
        <td width="20%" class="option"><div style="margin:5px;"><{$hosts_map.host}></div></td>
        <td width="80%" class="value"><img src="./images/bar/<{$img_bar}>" title="<{$hosts_map.percent}>%" alt="<{$hosts_map.percent}>%" width="<{$hosts_map.percent}>%" height="16" /><{$hosts_map.info}></td>
      </tr>
	  <{/foreach}>
    </table>
	<span><a href="javascript:;" onclick="javascript:masque('5')" ><{$smarty.const._AM_VIEW}></a></span>
	<br /><br />
	<div id="masque_5" style="display: none;">
	<table class="outer" width="100%" border="0" cellspacing="1" cellpadding="4" align="center">
	<tr>
	<td class="head" align="center"><{$smarty.const._AM_HOST_HOST}></td>
	<td class="head" align="center"><{$smarty.const._AM_DATE_VISITS}></td>
	<td class="head" align="center"><{$smarty.const._AM_DATE_PERCENT}></td>
	</tr>
	<{foreach item=hosts from=$hosts}>
	 <tr class="<{cycle values="even,odd"}>" valign="center"> 
	 <td width="33%" align="center"><{$hosts.host}></td>
	<td width="33%" align="center"><{$hosts.info}></td>
	  <td width="33%" align="center"><{$hosts.percent}>%</td> 	
	</tr>
	<{/foreach}>
	</table>
	</div>
</div>

</div>
<br /><br style="clear: both;" />